<!------------------------------------------------------------------------------------------------------------------------------------------
Autor: Jordan Campos Delgado
Fecha: 05-10-2012
Descripción: 
Esta página es creada con la finalidad de que el usuaio pueda cambiar su contraseña.
-------------------------------------------------------------------------------------------------------------------------------------------->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset= UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<link type="text/css" href="../css/tablaListas.css" rel="stylesheet" />

<link type="text/css" href="../css/principal.css" rel="stylesheet" />
<link type="text/css" href="../css/jquery.alerts.css" rel="stylesheet" media="screen" />
<link type="text/css" href="../css/menuEmergente.css" rel="stylesheet" />
<link type="text/css" href="../css/jquery.message.css" rel="stylesheet" media="screen"/>
<link type="text/css" href="../css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" media="screen"/>

<script type="text/javascript" language="javascript" src="../JavaScript/jquery.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/funciones.js"></script>          
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jslistadopaises.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.message.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.validate.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/ajax.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.alerts.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.draggable.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.core.js"></script>
<script type="text/javascript" language="javascript" src="../JavaScript/jquery.ui.datepicker.js"></script>  

<script language='JavaScript'>
           
        //<!-- Begin
        
        function ValidaCoincidencia() {
            
                var p1 = document.getElementById("txtPasswordConfirmado").value;
                var p2 = document.getElementById("txtPasswordNuevo").value;
            
               if (p1 != p2) {
                document.getElementById("hddAccion").value = 'incoincidenca';
                return false;
                } 
                else {                
                return true;
                }
             //window.location="../vistas/paginaPrincipal.php?accion=identificacionLogin&controlador=data&usuarioLogin="+usuario+"&password="+password;       
            
        }
        //  End -->

</script>

</head>
<?php
        error_reporting(0); 
        session_start();
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 0);
        setcookie(session_name(), session_id(), NULL, NULL, NULL, 1);
        // La variable de usuario es $_SESSION["s_username"]
    ?>
<!----------------------------------------------------------------------------------------------->
<!-- Aqui realizamos el menu horizontal verde oscuro que contiene los diferentes mantenimientos-->
<!----------------------------------------------------------------------------------------------->

<!----------------------------------------------------------------------------------------------->


<script type="text/javascript">
$(function(){
       $('#ModificaContraseña').validate({
           rules: {
           'txtUsername': {required: true},
           'txtPasswordActual': 'required',
           'txtPasswordNuevo': {required: true, minlength: 6},
           'txtPasswordConfirmado': {required: true, minlength: 6}
           },
       messages: {
           'txtUsername': '<br/>* Dig\u00EDte el usuario.',
           'txtPasswordActual': '<br/>* D\u00EDgite su contraseña actual.',
           'txtPasswordNuevo': '<br/>* D\u00EDgite su nueva contraseña y m\u00EDnimo 6 caracteres.',
           'txtPasswordConfirmado': '<br/>* Confirme su nueva contraseña y m\u00EDnimo 6 caracteres.'
           
       }
    });

});
</script>
<article id="contenido">
    
                    
                    
    </br></br>
     <div class="tituloListar">
        <tr><h1> <center><font color="#B40404"> Cambio de Contrase&ntilde;a del Usuario</font> </center> </h1></tr>
        </br></br>
    </div>
            
<center>
    <a href="../vistas/paginaPrincipal.php" class="button back" target="Principal">Atr&aacute;s</a>
    <a href="javascript:document.getElementById('btnGuardar').click()" class="button save"target="Principal">Guardar</a>
    <!--<a href="agregaUsuario.php" id="linkBusqueda" class="button add" target="Principal">Agregar</a>-->
    <a href="" class="button spark" onClicK="Limpiar();">Limpiar</a>
</center>   
    <form action="../vistas/paginaPrincipal.php?accion=cambioPassword&controlador=data" method="post" id="ModificaContraseña">
       <input type="hidden" name="hddAccion" id="hddAccion" value="<?php if (!  empty( $accion)) echo  $accion?>"/>
        <div class="center">
            
            <fieldset class="p"  class="center" class="centrar">
                
               
                </br>
                    <legend class="leyenda">Modifica Contraseña</legend>
                    <table>
                        
                        <div class="editor-field">
                            <tr>
                                
                                    
                                    <td>
                                        <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>
                                        <label>Usuario:</label>
                                    </td>     
                                    <td>
                                        <input type="text" id="txtUsername" name="txtUsername" value="<?php if (!  empty($_SESSION["s_username"])) echo $_SESSION["s_username"]?>"/>
                                        <input type="hidden" id="hddUsername" name="hddUsername" value="<?php if (!  empty($_SESSION["s_username"])) echo $_SESSION["s_username"]?>"/></br></br>
                                    </td>
                                
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Actual Contrase&ntilde;a:</label>
                                </td>
                                <td>
                                    <input type="password" id="txtPasswordActual" name="txtPasswordActual" value=""/></br></br>
                                </td>    
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Nueva Contrase&ntilde;a:</label>
                                </td>
                                <td>
                                    <input type="password" id="txtPasswordNuevo" name="txtPasswordNuevo" value=""/></br></br>
                                </td>    
                            </tr>
                            <tr>
                                
                                <td>
                                    <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp;<label>Confirmar Contrase&ntilde;a:</label>
                                </td>
                                <td>
                                    <input type="password" id="txtPasswordConfirmado" name="txtPasswordConfirmado" value=""/></br/></br/>
                                </td>    
                            </tr>
                            <tr>
                                <td class="estiloMensajeCamposObligatorios">
                                    Los campos con  &nbsp; <img src="../vistas/Imagenes/campoObligatorio2.jpg" alt="Obligatorio"/>&nbsp; son obligatorios
                                </td>
                            </tr>
                        </div>                       
                        
                    </table>
                        <div class="BotonEnviar">
                            </br>
                            <input type="submit" id="btnGuardar" style="display:none" onclick="ValidaCoincidencia();" value="Guardar"/>
                          <!--  <input type="reset" value="Cancelar" onclick=""/>-->
                        </div>
             </fieldset>
         </div>
    </form>
</article>
</html>